*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face{ font-family: 'PINGFANG REGULAR';src: url('../fonts/PINGFANG REGULAR.TTF');font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 95px auto 30px; text-align: center; font-size: 0;}
.more-title h3{ color: #000; font-size: 32px; line-height: 32px; font-weight: bold;margin-bottom: 20px;}
.more-title h4{ color: #666; font-size: 18px; line-height: 18px;}

/*header*/

.header{ width: 100%; font-size: 0;}
.header_top{ width: 100%; height: 36px; line-height: 36px; background: #313131; overflow: hidden;}
.header_top .nr .topic,.header_top .nr .navbj a,.header_top .nr .navbj i{color: #fff; font-size: 14px;}
.header_top .nr .navbj i{ margin: 0 15px;}
.header_top .nr .navbj a:hover{ text-decoration: underline;}
.header .header_slogan{ height: 140px;}
.header .header_slogan .logo{ width: 225px; padding-top: 30px;}
.header .header_slogan .text{ padding: 45px 0 0 35px; position: relative;}
.header .header_slogan .text:before{ content: ""; display: block; position: absolute; left: 0; top: 40px; width: 1px; height: 63px; background-color: #c7c7c7;}
.header .header_slogan .text h3{ color: #222; font-size: 26px;line-height: 26px; font-weight: bold; margin-bottom: 12px;}
.header .header_slogan .text p{ color: #666; line-height: 16px;font-size: 16px;}
.header .header_slogan .right>div{ margin-top: 50px; display: inline-block; vertical-align: middle;}
.header .header_slogan .right .icon{ line-height: 0; margin-right: 15px;}
.header .header_slogan .right p{ color: #333; font-size: 14px; line-height: 14px;}
.header .header_slogan .right h3{ margin-top: 6px; color: #333; font-size: 30px; font-style: italic; line-height: 30px;}

/*nav*/

.header .nav{ width: 100%; height: 58px; line-height: 58px; border-top: 2px solid #1b1b1b;}
.header .nav .nav-content nav .xz{ width: 128px; height: 58px; position: relative; display: inline-block; vertical-align: middle; text-align: center; margin-right: 6px;}
.header .nav .nav-content nav .xz i{ color: #333; font-size: 16px; width: 100%; height: 33px; line-height: 33px;display: inline-block; vertical-align: middle;}
.header .nav .nav-content nav .xz.on i,.header .nav .nav-content nav .xz:hover i{ background: url(../images/navon.png)no-repeat; color: #fff;}
.header .nav .nav-content nav a:last-child{ margin-right: 0;}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 50%; top: 56px; z-index: 999; transform: translateX(-50%); width: 151px; border: 1px solid rgb(216, 216, 216); background-color: rgba(255, 255, 255, 0.859); padding: 15px 0;}
.header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 20px;}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;}
.header .nav .nav-content nav .xz ul li:hover{ color: #0078c9;}
@media only screen and (max-width: 1220px){ .header .tywidth{ padding: 0 3%;}
	}
@media only screen and (max-width: 1220px){ .header .nav .nav-content nav .xz{ width: 118px;margin-right: 8px;}
	}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}
.slideBox .hd{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 0;}
.slideBox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #0078c9; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s;}
.slideBox .hd ul li.on{ border-radius: 5px; width: 37px;}

/*search*/

.search{ font-size: 0; height: 65px; line-height: 65px; border-bottom: 1px solid #434343; background: #fdfdfd; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #333; font-size: 16px;margin-right: 15px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords a:hover{ color: #0078c9;}
.search-keywords i{ margin: 0 15px; color: #666; font-size: 14px;}
.search-form{ float: right;}
#searchForm{ margin-top: 15px; background: url(../images/search.png)no-repeat; width: 228px; height: 35px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #cccccc;}
#searchForm .search-input{ height: 35px; line-height: 35px; width: 80%;}
.search-form #s_btn{ width: 35px; height: 35px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{ color: #999;}
#searchForm .search-input:-moz-placeholder{ color: #999;}
#searchForm .search-input::-moz-placeholder{ color: #999;}
#searchForm .search-input:-ms-input-placeholder{ color: #999;}
@media only screen and (max-width: 1220px){ .search .search-content{ padding: 0 3%;}
	}

/*case*/

.case{ padding: 95px 0 80px; background: #f5f5f5; font-size: 0;}
.case .more-title h3{ margin-bottom: 30px;}
.case .more-title p{ color: #666; font-size: 16px;}
.case .nr{ width: 1345px; height: 235px; margin: 0 auto; overflow: hidden; background: #fff;}
.case .nr dl{ width: 1200px; margin: 50px auto;}
.case .nr dl dd{ display: inline-block; vertical-align: top; width: 103px; text-align: center;}
.case .nr dl dd .pic{ width: 103px; height: 103px; overflow: hidden;}
.case .nr dl dd .pic img{ width: 100%;transition: all .6s ease;}
.case .nr dl dd:hover .pic img{ transform: scale(1.1);}
.case .nr dl dd p{ color: #333; font-size: 16px; margin-top: 10px; line-height: 16px;}
.case .nr dl dd+dd{ margin-left: 18px;}
.case .nr dl dd.more .font{ background: url(../images/casehdmore.png)no-repeat; width: 103px; height: 103px; color: #fff; font-size: 16px; line-height: 103px; text-transform: uppercase;}
.case .nr dl dd.more:hover .font{ text-decoration: underline;}
@media only screen and (max-width: 1220px){ .case .nr{ width: 1200px;padding: 0 10px;}
	}
@media only screen and (max-width: 1220px){ .case .nr dl dd+dd{ margin-left: 18px;}
	}
@media only screen and (max-width: 1220px){ .case .nr dl dd.more{margin-right: 16px; margin-left: 0;}
	}

/*product*/

.product .nr .hd ul{ border: 1px solid #434343; overflow: hidden;margin-bottom: 50px;}
.product .nr .hd ul>div{ float: left;}
.product .nr .hd ul .zz{ width: 238px; overflow: hidden; margin-right: 30px; color: #fff; font-size: 18px; font-weight: bold; background: #313131; text-align: center;}
.product .nr .hd ul .zz img{ vertical-align: middle; margin: -2px 10px 0 0;}
.product .nr .hd ul .yy{ width: 925px; padding: 14px 0 0;}
.product .nr .hd ul li{ float: left; margin: 0 85px 14px 0;}
.product .nr .hd ul li a{ color: #666; font-size: 16px;}
.product .nr .hd ul li a i{ font-weight: bold;}
.product .nr .hd ul li:hover a{ color: #0078c9;}
.product .nr .bd .top .left>div{ float: left; height: 312px; overflow: hidden;}
.product .nr .bd .top .left{ width: 770px; height: 312px; background: #f8f8f8;margin-bottom: 45px; overflow: hidden;}
.product .nr .bd .top .pic{ width: 370px;}
.product .nr .bd .pic img{ width: 100%;transition: all .6s ease;}
.product .nr .bd .top .pic:hover img,.product .nr .bd .top .right:hover img,.product .nr .bd .bottom dl dd:hover .pic img{ transform: scale(1.1);}
.product .nr .bd .top .text{ width: 400px; padding: 65px 20px 0 20px;}
.product .nr .bd .top .text dt{ color: #333; font-size: 22px; line-height: 22px;}
.product .nr .bd .top .text dd{ color: #666; font-size: 16px; margin: 25px 0 30px; height: 85px; overflow: hidden;}
.product .nr .bd .top .text .more{ display: block; background: url(../images/cpmore.png)no-repeat; width: 107px; height: 28px; line-height: 28px; text-align: center; color: #fff; font-size: 16px;}
.product .nr .bd .top .text .more:hover{ text-decoration: underline;}
.product .nr .bd .top .right .pic{ width: 370px; height: 267px; overflow: hidden;}
.product .nr .bd .top .right.ts .mc{ width: 100%; height: 45px; line-height: 45px; background: #333; color: #fff; font-size: 18px; padding: 0 35px 0 40px;}
.product .nr .bd .mc i{ float: right; font-size: 24px;}
.product .nr .bd .bottom dl dd{ float: left; width: 370px;height: 315px;overflow: hidden;border: 1px solid #fff;border-bottom: 1px solid #939393;}
.product .nr .bd .bottom dl dd+dd{ margin-left: 45px;}
.product .nr .bd .bottom dl dd .pic{ width: 370px; height: 260px; overflow: hidden;}
.product .nr .bd .bottom dl dd .mc{ width: 100%; height: 55px; line-height: 55px; background: #fff; color: #222; font-size: 18px; padding: 0 35px 0 40px; border-bottom: 1px solid #939393;}
.product .nr .bd .bottom dl dd:hover .mc{ background: #333; color: #fff; border-bottom: 1px solid #333;}
.product .nr .bd .bottom dl dd:hover{ border: 1px solid #939393;}
@media only screen and (max-width: 1200px){ .product .nr .hd ul{width: 98.5%;}
	}
@media only screen and (max-width: 1200px){ .product .nr .hd ul .yy{ width: 77%;}
	}
/*@media only screen and (max-width: 1159px){ .product .nr .bd .top .right{ display: none;}
	}*/
@media only screen and (max-width: 1220px){ .product .nr{ width: 100%!important;}
	}
@media only screen and (max-width: 1220px){ .product .nr .hd{ width: 1200px;margin: 0 auto;}
	}
@media only screen and (max-width: 1220px){ .product .nr .bd .bottom dl{ width: 100%; padding: 0 2%; left: 0; bottom: 0;}
	}
@media only screen and (max-width: 1220px){ .product .nr .bd .bottom dl dd{ width: 30%; height: auto;}
	}
@media only screen and (max-width: 1220px){ .product .nr .bd .bottom dl dd .pic{ width: 100%; height: auto;}
	}
@media only screen and (max-width: 1220px){ .product .nr .bd .bottom dl dd .mc{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	}
@media only screen and (max-width: 1220px){ .product .nr .bd .bottom dl dd+dd{ margin-left: 5%;}
	}

/*advantage*/

.advantage{ background: url(../images/ysbg.png)no-repeat center top; width: 100%; height: 1240px; margin-top: 95px; padding-top: 50px;}
.advantage .nr{ padding-top: 120px;}
.advantage .nr .pic{ line-height: 0;}
.advantage .nr .pic img{ width: 100%;transition: all .6s ease;}
.advantage .nr .pic:hover img{ transform: scale(1.1);}
.advantage .nr .text{ width: 550px;}
.advantage .nr .text dt{ line-height: 0;}
.advantage .nr ul li .text dl:first-child{ border-bottom: 1px solid #000; padding-bottom: 50px; margin-bottom: 45px;}
.advantage .nr .text dd{ color: #666; font-size: 16px;}
@media only screen and (max-width: 1220px){ .advantage .nr ul li:first-child .text{ margin-right: 3%;}
	}
@media only screen and (max-width: 1220px){ .advantage .nr ul li:first-child .pic{ margin-left: 1%;}
	}
@media only screen and (max-width: 1220px){ .advantage .nr ul li:first-child+li .text{ padding-left: 3%;}
	}
@media only screen and (max-width: 1220px){ .advantage .nr ul li:first-child+li .pic{ margin-right: 1%;}
	}

/*model1*/

.model1{ margin-top: -55px; width: 100%; height: 370px; font-size: 0; background: url(../images/model1bg.png)no-repeat center bottom;}
.model1 .nr{ width: 1240px; margin: 0 auto;}
.model1 .nr .left{ background-color: rgb(255, 255, 255); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); padding: 30px 30px 0 35px; width: 583px; height: 347px;}
.model1 .nr .left dt{ background: url(../images/model1bt.png)no-repeat; width: 100%; height: 22px;margin-bottom: 25px;}
.model1 .nr #Formzx>div{ display: inline-block; vertical-align: top;}
.model1 .nr .left .zz{ width: 357px; margin-right: 22px;}
.model1 .nr .left .zz .input em{ display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 16px; color: #222;}
.model1 .nr .left .zz .input{ border: 1px solid #d9d9d9; width: 357px; height: 35px; overflow: hidden;margin-bottom: 10px;}
.model1 .nr .left .zz .input input{ display: inline-block; vertical-align: middle; width: 273px; line-height: 35px; height: 35px; border: none; outline: none; color: #222; font-size: 16px; font-family: "微软雅黑";}
.model1 .nr .left .zz .inputs{ width: 357px; height: 152px; padding-top: 5px;}
.model1 .nr .left .zz .input textarea{ width: 273px; height: 145px; resize: none; display: inline-block; vertical-align: top; border: none; outline: none; color: #222; font-size: 16px; font-family: "微软雅黑";}
.model1 .nr .left .zz .input input::-webkit-input-placeholder{ font-family: "微软雅黑"; color: #222; font-size: 16px;}
.model1 .nr .left .zz .input input:-moz-placeholder{ font-family: "微软雅黑"; color: #222; font-size: 16px;}
.model1 .nr .left .zz .input input::-moz-placeholder{ font-family: "微软雅黑"; color: #222; font-size: 16px;}
.model1 .nr .left .zz .input input:-ms-input-placeholder{ font-family: "微软雅黑"; color: #222; font-size: 16px;}
.model1 .nr .left .zz .input textarea::-webkit-input-placeholder{font-family: "微软雅黑"; color: #222; font-size: 16px;}
.model1 .nr .left .zz .input textarea:-moz-placeholder{ font-family: "微软雅黑"; color: #222; font-size: 16px;}
.model1 .nr .left .zz .input textarea::-moz-placeholder{ font-family: "微软雅黑"; color: #222; font-size: 16px;}
.model1 .nr .left .zz .input textarea:-ms-input-placeholder{ font-family: "微软雅黑"; color: #222; font-size: 16px;}
.model1 .nr .left .rr{ width: 139px;}
.model1 .nr .left .rr .button{ background: url(../images/model1more.png)no-repeat; width: 139px; height: 33px; line-height: 33px; margin-bottom: 14px; color: #fff; font-size: 16px; overflow: hidden; text-align: center; cursor: pointer;}
.model1 .nr .left .rr .button:hover{ text-decoration: underline;}
.model1 .nr .left .rr .wechat .ewm{ position: relative; width: 139px; height: 125px; text-align: center; line-height: 125px; background: url(../images/wechatkk.png)no-repeat; overflow: hidden;}
.model1 .nr .left .rr .wechat .ewm:after{ content: ""; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 112px; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.model1 .nr .left .rr .wechat img{ border-radius: 4px; vertical-align: middle;}
.model1 .nr .left .rr .wechat p{ color: #3b3b46; font-size: 14px; text-align: center; margin-top: 5px;}
.model1 .nr .right{ margin-left: 40px; padding-top: 95px; width: 617px; height: 347px;}
.model1 .nr .right dt:before{ content: ""; display: block; width: 60px; height: 3px; background-image: -moz-linear-gradient( 90deg, rgb(0, 167, 243) 0%, rgb(0, 98, 178) 100%, rgb(17, 42, 90) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0, 167, 243) 0%, rgb(0, 98, 178) 100%, rgb(17, 42, 90) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0, 167, 243) 0%, rgb(0, 98, 178) 100%, rgb(17, 42, 90) 100%); margin-bottom: 25px;}
.model1 .nr .right dt{ color: #fff; font-size: 30px; font-weight: bold; line-height: 30px; margin-bottom: 15px;}
.model1 .nr .right p{ color: #fff; font-size: 16px; line-height: 16px; margin-bottom: 50px;}
.model1 .nr .right dl dd{ display: inline-block; vertical-align: middle; background: url(../images/model1textbg.png)no-repeat; width: 98px; height: 72px; color: #fff; font-size: 16px; text-align: center; padding: 13px 17px 0;}
.model1 .nr .right dl dd.jt{ background: url(../images/model1jt.png)no-repeat center; width: 31px; padding: 0;}
@media only screen and (max-width: 1220px){.model1 .nr .right dl{ margin-left: -15px;}
	}
@media only screen and (max-width: 1220px){.model1 .nr .right dl dd.jt{ width: 25px;}
	}

/*about*/

.about{ margin: 125px 0 70px; font-size: 0;}
.about .text{ width: 570px; padding-top: 18px; height: 320px; overflow: hidden;}
.about .text dt{ line-height: 0; margin-bottom: 40px;}
.about .text p{ color: #666; font-size: 16px; text-align: justify; padding-bottom: 50px; line-height: 26px;}
.about .text dl dd{ display: inline-block; vertical-align: top; padding: 0 19px; height: 30px; line-height: 30px; color: #666; font-size: 14px; border-radius: 6px; border: 1px solid rgba(83, 83, 83, 0.4); cursor: pointer;}
.about .text dl dd:hover{ color: #0073c4;}
.about .text dl dd.more{ background: url(../images/aboutmore.png)no-repeat; width: 116px; color: #fff; border: none; text-transform: uppercase; text-align: center; border-radius: 0; padding: 0;}
.about .text dl dd:first-child+dd{ margin: 0 40px;}
.about .text dl dd.more:hover{ text-decoration: underline;}
.about .pic{ position: relative; width: 535px; height: 320px; overflow: hidden;}
.about .pic:after{ content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.about .pic img{ width: 100%;transition: all .6s ease;}
.about .pic:hover img{ transform: scale(1.1);}
.about .pic:hover:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
@media only screen and (max-width: 1220px){ .about .tywidth{ padding: 0 2%;}
	}

/*team*/

.team .bd{ padding-top: 20px; border-top: 1px solid #6c6c6c;}
.team .bd{ height: 220px; overflow: hidden;}
.team .bd ul li{ display: inline-block; vertical-align: top; width: 281px; height: 197px; overflow: hidden;margin-right: 25px;}
.team .bd ul li .pic{ border-radius: 5px; width: 281px; height: 197px;background: #ccc; overflow: hidden;}
.team .bd ul li .pic img{ width: 100%;transition: all .6s ease;}
.team .bd ul li:hover .pic img{ transform: scale(1.1);}

/*new*/

.news{ margin-top: 90px; padding: 105px 0 95px; background: #f7f7f7; font-size: 0; width: 100%; overflow: hidden;}
.news .nr>div{ display: inline-block; vertical-align: top;height: 435px;overflow: hidden;}
.news .hd{ width: 38px;margin-right: 40px;}
.news .hd ul li{ cursor: pointer; color: #fff; font-size: 16px; text-align: center; width: 38px; height: 137px; overflow: hidden; background: #4e4e4e; line-height: 20px; padding: 28px 10px;}
.news .hd ul li+li{ margin-top: 4px;}
.news .hd ul li.on{ background: url(../images/newhdon.png)no-repeat;}
.news .bd{ width: 1122px;}
.news .bd ul li>div,.news .bd ul li .newlist dl dd a>div{ display: inline-block; vertical-align: top;}
.news .bd ul li .pic{width: 341px; height: 418px; overflow: hidden; margin-right: 98px;}
.news .bd ul li .pic img{ width: 100%;transition: all .6s ease;}
.news .bd ul li .pic:hover img{ transform: scale(1.1);}
.news .bd ul li .newlist dl dd{ background-color: rgb(255, 255, 255); padding: 20px 30px 20px 0; width: 683px; height: 116px; overflow: hidden;}
.news .bd ul li .newlist dl dd+dd{ margin-top: 36px;}
.news .bd ul li .newlist dl dd .date{ width: 125px; height: 74px; text-align: center; margin-right: 30px; border-right: 1px solid rgb(170, 170, 170);}
.news .bd ul li .newlist dl dd .date i{ display: block; color: #333; font-size: 14px; line-height: 14px; padding-top: 15px;}
.news .bd ul li .newlist dl dd .date i:after{ content: ""; display: block; margin: 10px auto; width: 54px; height: 1px; background-color: rgb(210, 210, 210);}
.news .bd ul li .newlist dl dd .date span{ display: block; color: #333; font-size: 22px; line-height: 22px; font-weight: bold;}
.news .bd ul li .newlist dl dd .data{ width: 498px;}
.news .bd ul li .newlist dl dd .data p{ color: #333; font-size: 18px; line-height: 18px;margin-bottom: 19px;}
.news .bd ul li .newlist dl dd .data em{ color: #666; font-size: 14px;}
.news .bd ul li .newlist dl dd:hover{ box-shadow: 0px 5px 4.9px 0.1px rgba(0, 0, 0, 0.08);}

/*foot*/

.foot{ font-size: 0; background-color: #393939; position: relative; width: 100%; overflow: hidden;}
.foot .content .top dl{ text-align: center; display: inline-block; vertical-align: top; width: 310px; position: relative; padding-top: 25px;}
.foot .content .top .ts:before{ content: ""; position: absolute; left: 0; top: 15px; background: url(../images/foothr.png)no-repeat; width: 2px; height: 192px;}
.foot .content .top .ts:after{ content: ""; position: absolute; right: 0; top: 15px; background: url(../images/foothr.png)no-repeat; width: 2px; height: 192px;}
.foot .content .top dl:first-child+dl{ width: 580px;}
.foot .content .top dl dt{ font-weight: 700; font-size: 18px; color: #fff;margin-bottom: 20px;}
.foot .content .top dl dt em{ display: block; font-size: 13px; font-weight: 400; color: #fff;}
.foot .content .top dl dd{ font-size: 16px; color: #fff; line-height: 16px; cursor: pointer; margin-bottom: 15px;}
.foot .content .top dl .wechat span{ display: inline-block; vertical-align: top; position: relative; width: 110px; height: 107px; overflow: hidden;}
.foot .content .top dl .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .content .top dl dd:hover,.foot .content .links .yy a:hover,.foot .bottom a:hover{ text-decoration: underline;}
.foot .content .mid{ margin-top: 15px; height: 123px; border: 1px solid rgba(161, 161, 161, 1);}
.foot .content .mid dl{ text-align: center; display: inline-block; vertical-align: top; width: 309px; position: relative; padding-top: 25px;}
.foot .content .mid dl dt{ height: 50px; line-height: 50px;}
.foot .content .mid dl dd{ font-size: 16px; color: #fff; line-height: 16px;}
.foot .content .mid .ts:before{ content: ""; position: absolute; left: 0; top: 25px; background: url(../images/foothr.png)no-repeat; width: 2px; height: 75px;}
.foot .content .mid .ts:after{ content: ""; position: absolute; right: 0; top: 25px; background: url(../images/foothr.png)no-repeat; width: 2px; height: 75px;}
.foot .content .mid dl img{ animation: jumps 2s linear infinite;}
.foot .content .links>div{ display: inline-block; vertical-align: top; padding: 20px 0;}
.foot .content .links .zz{ width: 375px; text-align: center;font-weight: 900; color: #fff; font-size: 20px; line-height: 20px;}
.foot .content .links .yy{ width: 825px;}
.foot .content .links .yy a{ margin-right: 35px; margin-bottom: 15px; color: #fff; font-size: 13px;}
.foot .bottom{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 12px; background: #464646;}
.foot .bottom a{ color: #fff;}